@charset "utf-8";
/* CSS Document */
.headerBox{width: 100%; height: 132px; position: relative;}
.headerBox .topPhone{height: 52px; line-height: 72px; padding-left: 20px; background: url(../images/bgPhone.png) left 29px no-repeat; float: right;}
.headerBox .topPhone strong{font-size: 14px;}

/***********nav*******************/
.nav-box{position:relative;background:url(../images/bgNav.jpg);z-index:10; text-align: center;}
.nav-box .logo{position: absolute; left: 50%; margin-left: -80px; top: -45px;}
.nav-box .area{height:41px;z-index:2;}

/* m-nav */
.m-nav{z-index:3;}
.m-nav a:hover{text-decoration:none}
.m-nav .fir-ul{position:relative;z-index:2;font-size:0;text-align:left;height:41px;}
.m-nav .fir-ul .fir-li{position:relative;display:inline-block;*display:inline;*zoom:1;width:104px;z-index:9;text-align:center;background:url(../images/nav-line.gif) left top no-repeat;}
.m-nav .fir-ul .j-li{}
.m-nav .fir-ul .line{/*background:url(../images/nav-line.png) right center no-repeat;*/}
.m-nav .fir-ul .u-a{display:inline-block;*display:inline;*zoom:1;width:100%;height:41px;line-height:41px;color:#FFF;font-size:16px;z-index:11;cursor:pointer;font-family:'microsoft yahei';}
.m-nav .fir-ul .u-a p{color:#999;font-size:13px;}
.m-nav .fir-ul .hover .u-a,
.m-nav .fir-ul .current .u-a{color:#000; text-decoration:none;}
.m-nav .fir-ul .hover .u-a p,
.m-nav .fir-ul .current .u-a p{color:#FFF;}
.m-nav .sec-ul{background:#b0b0b0;position:absolute;top:110px;top:41px;left:0;width:100%;font-size:0;text-align:center;font-family:'microsoft yahei'; box-shadow: 2px 2px 5px rgba(0,0,0,0.6);}
.m-nav .sec-ul li{height:34px;line-height:34px;overflow:hidden;border-top: 1px solid #e2e2e2;}
.m-nav .sec-ul li a{display: block; overflow:hidden;color:#fff;font-weight:normal;font-size:14px;}
.m-nav .sec-ul li.hover{}
.m-nav .sec-ul li.hover a{background-color:#919191;text-decoration:none;}
/*横向子导航*/
.m-nav .nav-x .sec-ul{height:40px;}
.m-nav .nav-x .sec-ul li{display:inline-block;*display:inline;*zoom:1;}
.m-nav .nav-x .sec-ul li a{display:inline-block;*display:inline;*zoom:1;padding:0 6px;}
/*竖向子导航*/
.m-nav .nav-y .sec-ul{display:none;}
.m-nav .nav-y .sec-ul li a{display:block;}

/**************** banner *****************/
.banner-box{position:relative;z-index:5;}
.m-focus-d{position:relative;height:441px;z-index:3;}
.m-focus-d .switchable-box{width:100%;height:396px;}
.m-focus-d .switchable-content li{width:100%;height:396px;text-align:center;overflow:hidden; text-indent:-999em;}
.m-focus-d .switchable-content li img{visibility:hidden;}
.m-focus-d .m-focus-prev,
.m-focus-d .m-focus-next{position:absolute;top:50%;z-index:25;width:55px;height:55px;margin-top:-28px;text-align:center;}
.m-focus-d .m-focus-prev {right:50%;margin-right:500px;background-position:left center;}
.m-focus-d .m-focus-next {left:50%;margin-left:500px;background-position:right center;}
.m-focus-d .m-focus-prev:hover,.m-focus-d .m-focus-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.m-focus-d .pic-btn {position:absolute;bottom:5px;left:50%;width:1000px;margin-left:-500px;z-index:24;text-align:center;z-index:5}
.m-focus-d .pic-btn li {display:inline-block;*display:inline;*zoom:1;cursor:pointer;margin:0 10px;overflow:hidden; width: 25px; height: 25px; background: url(../images/btnBan.png) left top no-repeat;}
.m-focus-d .pic-btn li.active{background-position: left bottom;}

.contentBox{padding-bottom: 45px;}
.topCon{overflow: hidden;}
.topCon .subNav{width: 212px; font-family:'Microsoft YaHei';}
.topCon .proMsg{width: 778px;}

.subNav li{margin-bottom: 2px;}
.subNav li a{display: block; height: 37px; line-height: 37px; background: url(../images/bgSubNavLi.jpg); font-size: 14px; font-weight: bold;}
.subNav li span{display: inline-block; *display: inline; *zoom: 1; width: 17px; height: 17px; background: url(../images/bgIconBox.png) left top no-repeat; vertical-align: middle; margin-right: 17px; margin-top: -3px; margin: -3px 17px 0 45px;}
.subNav li .icon02{background-position: left -17px;}
.subNav li .icon03{background-position: left -34px;}
.subNav li .icon04{background-position: left -51px;}
.subNav li .icon05{background-position: left -68px;}
.subNav li .icon06{background-position: left bottom;}
.subNav li a:hover span{ margin: -3px 27px 0 35px;}


.mTitle02,
.mTitle{height: 37px; line-height: 37px; padding-left: 15px; font-size: 18px; background: url(../images/bgMtitle.jpg) 0 0 no-repeat; font-family:'Microsoft YaHei';}

.proMsg .textBox{margin-top: 2px;}
.proMsg embed{float: left;padding: 5px 2px; border: 1px solid #fff;}
.proMsg .text{margin-top: 15px; width: 498px; line-height: 21px; height: 180px; overflow: hidden;}
.proMsg .text p{text-indent: 2em;}
.proMsg .text .more{color: #e49640; border: 1px solid #e49640; width: 70px; height: 18px; line-height: 18px; text-align: center; margin-top: 13px; margin-right: 5px;}
.teacherBox .teaShow li .more:hover,
.proMsg .text .more:hover{color: #f97393; border-color: #f97393;}

.teacherBox{margin: 15px 0 17px;}
.mTitle02{padding: 0 15px; background: url(../images/bgMtitle02.jpg) 0 0 no-repeat;}
.mTitle02 a{font-size: 12px; font-family: Arial;}
.mTitle02 a:hover{text-decoration: underline;}

.teacherBox .teaShow{width: 1029px; overflow: hidden; margin-top: 9px;}
.teacherBox .teaShow li{width: 313px; margin-right: 30px; float: left;}
.teacherBox .teaShow li .u-img{height: 146px; width: 110px; display: block; overflow: hidden; padding: 1px; border: 1px solid #fff;}
.teacherBox .teaShow li .u-img:hover{background: #e49640; border-color: #e49640;}
.teacherBox .teaShow li .textBox{width: 191px;}
.teacherBox .teaShow li h1{height: 40px; line-height: 50px; font-size: 14px; overflow: hidden;}
.teacherBox .teaShow li h1 a:hover{text-decoration: underline;}
.teacherBox .teaShow li .text{line-height: 18px;height: 90px; overflow: hidden;}
.teacherBox .teaShow li p{text-indent: 1.5em;}
.teacherBox .teaShow li .more{color: #e49640; border: 1px solid #e49640; width: 70px; height: 18px; line-height: 18px; text-align: center;}

.goodShow{width: 100%; overflow: hidden; border: 1px solid #fff;}
.goodShow .title{width: 26px; height: 128px;line-height: 14px; padding:33px 0 0 2px; text-align: center; background: url(../images/bgMtitle03.jpg) 0 0 no-repeat; font-size: 14px;  font-family:'Microsoft YaHei';}
.goodShow .zsPic .u-img{display: block; width: 116px; height: 155px; overflow: hidden; margin:3px 0 0 7px;}
.goodShow .zsPic .u-img:hover{-webkit-filter: brightness(1.2);-moz-filter:brightness(0.8);-o-filter: brightness(0.8);-ms-filter: brightness(0.8);filter: brightness(0.8);}
.goodShow .codeBox{width: 106px; margin: 18px 0 0 15px; text-align: center; font-family:'Microsoft YaHei';}
.goodShow .codeBox span{height: 28px; line-height: 28px; display: block; font-size: 14px;}

.animated{transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; }
.picScroll-left{ width:840px;  overflow:hidden; position:relative; margin-right: -4px; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{width: 20%; float:left; _display:inline; overflow:hidden; text-align:center; padding-top: 20px; }
.picScroll-left .bd ul li a{display: block; width: 146px; margin: 0 auto; }
.picScroll-left .bd ul li .u-img{ width:144px; height:119px; display:block; overflow: hidden; border:1px solid #fff; }
.picScroll-left .bd ul li a:hover .u-img{border-color: #e49640;}
.picScroll-left .bd ul li a:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px);   -ms-transform:translate(0,-10px); color: #e49640}

.goodShow .picScroll-left{ margin-right: 65px; }

.goodShow .classList{width: 840px;}
.goodShow .classList li{float: left; padding-top: 18px; margin: 0 7px 0 21px;}
.goodShow .classList li a{display: block;}
.goodShow .classList li a:hover {transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px);   -ms-transform:translate(0,-10px);}

.midBan{display: block; margin: 24px 0;}

.scrollLeft{width: 100%; margin-bottom: 10px;}
.scrollLeft .bd ul li{width: 166.6px;}
.scrollLeft .bd ul li a{margin: 0;}

.footerBox{width: 100%; background: url(../images/bgFooterb.jpg) center  no-repeat; text-align: center; padding: 18px 0 16px; font-family:'Microsoft YaHei'; line-height: 21px;}
.footerBox .twoCode img{ padding: 4px; border: 1px solid #fff; margin: 0 15px;}
.footerBox .botNav{margin-top: 15px;}
.footerBox .botNav a{padding: 0 5px;}



/**************** 产品列表 *****************/
.mainCon{overflow: hidden; padding-bottom: 40px; font-family:'Microsoft YaHei';}
.mainCon .leftColumn{width: 212px;}
.mainCon .rightColumn{width: 750px;}

.leftColumn .leftNav {padding: 0 0 20px;}
.leftColumn .leftNav .title{line-height: 28px; font-size: 20px; color: #6862b8;}
.leftColumn .leftNav .title span{font-family: Arial; display: block; font-weight: normal; font-size: 18px;}

.m-leftmenu{padding-top: 6px; }
.m-leftmenu li{position:relative;*zoom:1;}
.m-leftmenu a{display:block;}
.m-leftmenu a:hover{text-decoration:none;}
.m-leftmenu p.menu-a a{display:inline-block;*display:inline;*zoom:1;max-width:80%;overflow:hidden;}
.m-leftmenu .fir-a{display:block;padding-left:57px;position:relative;height:37px;line-height:37px; margin-bottom: 2px; background:url(../images/bgMtitle.jpg);font-size:14px;}
.m-leftmenu .fir-a span{display: inline-block; *display: inline; *zoom: 1; width: 13px; height: 13px; margin-right: 7px; background: url(../images/iconLeft.png) 0 0 no-repeat;}
.m-leftmenu .sec-a{display:block;padding-left:67px;height:26px;line-height:26px;color:#555; font-size:12px; }
.m-leftmenu .current{ color: #6862b8;}
.m-leftmenu .current span{background-position: left bottom;}
.m-leftmenu .open{background-image:url(../images/close-ico.gif);background-repeat:no-repeat;background-position:94% center;}
.m-leftmenu .close{background-image:url(../images/open-ico.gif);background-repeat:no-repeat;background-position:94% center;}
.m-leftmenu .sec-a:hover{padding-left: 77px; color: #6862b8;}

.leftColumn .linkPho{padding: 33px 0 24px 75px; line-height: 20px; width: 144px; background: url(../images/bgLeftPhone.png) 0 0 no-repeat;}
.leftColumn .linkPho i{display: block; font-size: 16px; color: #000;}
.leftColumn .linkPho span{font-size: 14px; color: #db322d; }

.return{height: 63px; line-height: 63px; font-size: 18px;}
.return span{font-size: 14px;}
.return span a:hover{text-decoration: underline;}

.proList{width: 756px; overflow: hidden; padding: 10px 0 20px; margin-top: -10px;}
.proList li{float: left; margin-right: 7px; text-align: center;}
.proList li a{display: block;}
.proList li .u-img{display: block; overflow: hidden; width: 180px; height: 150px; border: 1px solid #fff;}
.proList li p{height: 35px; line-height: 22px;}
.proList li a:hover{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px);   -ms-transform:translate(0,-10px);}

/***************** 新闻列表 *********************/
.sub-news-ptext{}
.sub-news-ptext li{position:relative;padding:15px 10px;border-bottom:1px solid #ddd;*zoom:1;}
.sub-news-ptext li a:hover{color:#e49640;}
.sub-news-ptext li:after{content:".";display:block;visibility:hidden;height:0;clear:both;}
.sub-news-ptext li .u-img{float:left;display:block;width:175px;height:125px;overflow:hidden;margin-right:15px}
.sub-news-ptext li img{width:175px;}
.sub-news-ptext li.hover,.sub-news-imgtext li:hover{background:#f0f0f0;}
.sub-news-ptext li.hover .u-border,.sub-news-imgtext li:hover .u-border{}
.sub-news-ptext li h4{text-align:left;font-family:'宋体';font-size:14px;margin-bottom:5px;}
.sub-news-ptext li p{color:#333;line-height:24px;height:72px;overflow:hidden;font-family:'宋体';text-align:justify;}
.sub-news-ptext li p a{color:#877f44;}
.sub-news-ptext .u-con{padding-left:190px;}
.sub-news-ptext .u-time span{float:left;color:#666;}
.sub-news-ptext .u-time a{float:right;color:#666;}


/***************** 详情页 *********************/
/*分享到S*/
.sub-share{padding:10px 0;color:#999;line-height:30px;}
.sub-share .bdsharebuttonbox{width:200px;float:right;}
.sub-share .bdsharebuttonbox a{color:#333;}
/*分享到E*/

/*新闻详细S*/
.news-detail{line-height:2;}
.news-detail h1{padding:5px 0;text-align:center;font-size:24px;}
.news-detail .detail-time{position:relative;text-align:center;font-size:12px;padding:5px 0;}
.news-detail .detail-user{text-align:center;padding:5px 0;margin-bottom:10px;}
.news-detail .detail-share{padding:5px 0;text-align:right}
.news-detail .detail-img{position:relative;text-align:center;padding:10px 0;}
.news-detail .detail-img img{max-width:100%;_width: expression((documentElement.clientWidth > 740) ? "auto" : "740px" );}
.news-detail .detail-img .debtn-prev,.news-detail .detail-img .debtn-next{position:absolute;top:50%;margin-top:-44px;display:block;_display:none;width:54px;height:87px;background:url(../images/pic-debtn.gif) no-repeat;z-index:11;filter:alpha(opacity=30);opacity: 0.3;-moz-opacity:0.3;-khtml-opacity: 0.3;}
.news-detail .detail-img .debtn-prev:hover,.news-detail .detail-img .debtn-next:hover{filter:alpha(opacity=80);opacity: 0.8;-moz-opacity:0.8;-khtml-opacity: 0.8;}
.news-detail .detail-img .debtn-prev{left:0;background-position:left 0;}
.news-detail .detail-img .debtn-next{right:0;background-position:right 0;}
.news-detail .detail-con{text-align:justify;padding:10px;line-height:24px;}
/*新闻详细E*/

/*上一页下一页S*/
.detail-page{margin-top:15px;padding:10px;border-top:1px solid #eee;}
.detail-page .page-text{width:48%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.detail-page .right{text-align:right;}
.detail-page .page-text a{}
.detail-page .page-text a:hover{color:#e49640}
/*上一页下一页E*/

/***************** 单页 *********************/
.sub-content{padding:0 10px 20px 10px;text-align:justify;line-height:24px;}
.sub-content .imgBox{text-align: center;}
.sub-content img{max-width:700px;_width: expression((documentElement.clientWidth < 700) ? "" : "700px" );}
.sub-content h1{color:#000;margin-bottom:20px;padding:10px 0;text-align:center;font-size:18px;font-weight:normal;}
.sub-content h1 p{text-align:center;font-size:12px;}
.sub-content p{font-size:14px;color:#333;}
.sub-content #platform img{max-width:none;_width: none;}

/***************** 在线留言 ************/
.sub-message{padding:50px 30px; color:#333;font-family:"microsoft yahei";}
.sub-message .m-textimg{font-size:14px;margin-bottom:20px;line-height:24px;}
.sub-message .m-textimg img{float:left;margin-right:15px;}
.sub-message i{font-style:normal;display:inline-block;*display:inline;*zoom:1;padding-right:5px;color:#F00}
.sub-message .m-tage{padding:5px 0;}
.sub-message .m-form{padding:10px;margin-bottom:10px;}
.sub-message table{width:100%;}
.sub-message .m-form table td{padding:7px 0;}
.sub-message label{display:inline-block;width:80px;height:30px;line-height:30px;text-align:right;position:relative;top:-1px;}
.sub-message .m-form table input{width:60%;height:28px;line-height:28px;padding-left:5px;vertical-align: middle;}
.sub-message .m-form .td-textarea{vertical-align: middle;width:60%;}
.sub-message .m-form .td-textarea label{float:left;}
.sub-message .m-form .td-textarea textarea{width:70%;height:168px;padding:5px;}
.sub-message .m-submit{text-align:right;vertical-align: top;}
.sub-message .m-submit img{margin-left:5px;vertical-align:top;}
.sub-message .m-submit .btn{width:80px;height:28px;line-height:24px;margin:0;margin-left:5px;border:none;font-family:"microsoft yahei";cursor:pointer;font-size:14px;}
.sub-message .m-submit .btn:hover{filter:alpha(opacity=90);opacity: 0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
.sub-message .m-submit input{vertical-align:top;height:24px;line-height:24px;margin:0;width:80px;cursor:auto;padding-left:5px;}
.sub-message .m-submit input,
.sub-message .m-form table input,
.sub-message .m-form .td-textarea textarea{border:1px solid #E1E1E1;background:#FFF;}
.sub-message .m-form{border:1px solid #e0e0e0;background:#f5f3f3;}
.sub-message .m-submit .btn{color:#fff;background:#e49640;}



